<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>对 value值的操作</title>
    <script type="text/javascript"src="../js/jquery-3.3.1.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#searchId").focus(function () {
                //获取当前文本框的值
                var txt_value=$(this).val();
                //如果当前 value 是默认值“‘搜索’，则清空文本框内容
                if (txt_value == "搜索"){
                    $(this).val("");
                }
            })
            $("#searchId").blur(function () {
                //获取当前文本的值
                var txt_value=$(this).val();
                //如果当前 value 值是空，则设置为默认值"搜索"
                if (txt_value == ""){
                    $(this).val("搜索");
                }
            })
        })
    </script>
</head>
<body>
      <input type="text" value="搜索" id="searchId">

</body>
</html>